/* 导航的js  */

/* 菜单下拉效果 */
(function () {
    let flag = false;
    let that;
    $('.nav-bar .nav-item').click(function (e) {
        // let _this = this;
        closePopups($('.nav-bar .nav-item'), () => {
            $('.nav-bar li .slide-menu').stop().slideUp("fast");
            $(this).removeClass('hot');
            flag = false;
        })
        if (this === that) {
            if (!flag) {
                menuShowHandler(this);
            } else {
                $(".nav-bar li .slide-menu").stop().slideUp("fast");
                $(this).removeClass('hot')
            }
            flag = !flag
        } else {
            menuShowHandler(this);
            flag = true
        }
        that = this;
    })
    $('.slide-menu').click(function (e) {
        e.stopPropagation();
    })
    // console.log(111)

    function menuShowHandler(dom) {
        $(".nav-bar li .slide-menu").stop().slideUp("fast");
        $('.nav-bar li').removeClass('hot')
        $(dom).addClass('hot')
        $(".slide-menu", dom).stop().slideDown("fast");
    }
})();


/* 右上角消息图标按钮 */
(function () {
    let flag = false;
    $('.msgBtn').click(function () {
        closePopups($('.msgBtn'), () => {
            $(".tips-box", this).stop().slideUp("fast");
            flag = false;
        })
        if (!flag) {
            $(".tips-box", this).stop().slideDown("fast");
            $('.tips-list-wrapper').eq(0).stop().slideDown("fast");
        } else {
            $(".tips-box", this).stop().slideUp("fast");
        }
        flag = !flag
    });
    $('.tips-box').click(function (e) {
        e.stopPropagation();
    });
    $('.tips-title li').click(function () {
        $('.tips-title li').removeClass('hot');
        $(this).addClass('hot');
        let liIndex = $(this).index();
        $('.tips-list-wrapper').stop().slideUp("fast");
        $('.tips-list-wrapper').eq(liIndex).stop().slideDown("fast");
    })
})();
/* 主菜单按钮横竖轴切换 */
(function () {
    let flag = false;
    $('.toggle-menu').click(function (e) {
        let this_ = this
        closePopups($('.toggle-menu'), function () {
            $('.new-menus').stop().slideUp("fast");
            $('.menu-icon', this_).removeClass('tagger');
            flag = false;
        })
        if (!flag) {
            $('.new-menus').stop().slideDown("fast");
            $('.menu-icon', this).addClass('tagger');
        } else {
            $('.new-menus').stop().slideUp("fast");
            $('.menu-icon', this).removeClass('tagger');
        }
        flag = !flag;
    })
    $('.primary-menu').click(function (e) {
        e.stopPropagation();
        $('.primary-menu').removeClass('hot');
        // $('.secondary-menu').removeClass('hot');
        $(this).addClass('hot');
        $('.secondary-menu-wrapper').stop().slideUp("fast");
        $('.secondary-menu-wrapper', this).stop().slideDown("fast");
    });
    $('.secondary-menu').click(function (e) {
        e.stopPropagation();
        $('.secondary-menu').removeClass('hot');
        $(this).addClass('hot');
    })
})();


/* 右上角点击头像 */
(function () {
    let flag = false;
    $('header .setting .portrait').click(function (e) {
        // console.log('执行几次')
        closePopups($('header .setting .portrait'), function () {
            $('header .user-info-wrapper').stop().slideUp("fast");
            $(this).removeClass('hot');
            flag = false;
        })
        if (!flag) {
            $('header .user-info-wrapper').stop().slideDown("fast");
        } else {
            $('header .user-info-wrapper').stop().slideUp("fast");
            $(this).removeClass('hot');
        }
        flag = !flag
    });
    $('header .user-info-wrapper .user-info-btns li').click(function (e) {
        e.stopPropagation();
        $('header .user-info-wrapper .user-info-btns li').removeClass('hot');
        $(this).addClass('hot');

    })
})();
/* 退出登录 */
(function () {
    $('header .user-info-wrapper .login-out').click(function () {
        $('.exit-shadow').stop().slideDown('fast');
    });
    $('.exit-btn-box a').click(function () {
        $('.exit-shadow').stop().slideUp('fast');
    });

})();

/* 点击空白处关闭弹窗 */

let globalThat;

function closePopups(btn, callback) {
    // console.log(globalThat, btn,btn.is(globalThat), globalThat)
    if (btn.is(globalThat)) {
        $(document).off();
    }
    $(document).click(function (e) {
        // 设置目标区域
        if (!btn.is(e.target) && btn.has(e.target).length === 0) { // Mark 1
            callback();
            // $(this).off("click");
            // console.log(1)
        }
    });
    globalThat = btn;
}

